<template>
  <div class="home">
    <swiper/>
    <div class="section" v-for="(item,index) in songsList" :key="index">
      <div class="section-title">{{ item.name }}</div>
      <content-list :contentList="item.list"></content-list>
    </div>
  </div>
</template>

<script>
import Swiper from "@/views/components/Swiper";
import contentList from '@/views/components/ContentList';

export default {
  name: 'home',
  components: {
    Swiper,
    contentList
  },
  data() {
    return {
      songsList: [
        {name: "歌手", list: []}
      ]
    }
  },
  created() {
    this.getSongList();
  },
  methods: {
    getSongList() {
      this.songsList[0].list = [
        {name: '周杰伦', id: 1, pic:'/profile/upload/2023/02/21/nizhan.jpg'},
        {name: '陈奕迅', id: 2}]
    },
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/css/index.scss';
@import '~@/assets/css/home.scss';
</style>
